<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://my.insydercorp.com/js/jquery.blockUI.js"></script>

<link type="text/css" href="<?php echo $base_url ;?>js/jquery-miniColors/jquery.miniColors.css" rel="stylesheet" />	
<script type="text/javascript" src="<?php echo $base_url ;?>js/jquery-miniColors/jquery.miniColors.min.js"></script>
<script language="javascript">
		jQuery(document).ready( function() {
				jQuery('.color-picker').miniColors({
						change: function(hex, rgb) {
							$('#console').prepend('change: ' + hex + ', rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')<br>');
						},
						open: function(hex, rgb) {
							$('#console').prepend('open: ' + hex + ', rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')<br>');
						},
						close: function(hex, rgb) {
							$('#console').prepend('close: ' + hex + ', rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')<br>');
						}
				});
		});
</script>


